import { Card, List, Typography } from 'antd'
import { FC } from 'react'

const { Text } = Typography

interface IProp {
  id: ''
}

const Index: FC<IProp> = () => {
  return (
    <Card>
      <List>
        <List.Item actions={[<Text type="secondary">园区管理员录入</Text>]}>
          <List.Item.Meta
            // avatar={<Avatar src={'dawdaww'} />}
            title="干式灭火器"
            description={`上次保养：2021-6-16`}
          />
          <Text type="success">已保养</Text>
        </List.Item>
        <List.Item actions={[<Text type="secondary">园区管理员录入</Text>]}>
          <List.Item.Meta
            // avatar={<Avatar src={'dawdaww'} />}
            title="消防栓"
            description={`上次保养：2021-6-16`}
          />
          <Text type="danger">保养过期</Text>
        </List.Item>
        <List.Item actions={[<Text type="secondary">园区管理员录入</Text>]}>
          <List.Item.Meta
            // avatar={<Avatar src={'dawdaww'} />}
            title="云梯"
            description={`上次保养：2021-6-16`}
          />
          <Text type="success">已保养</Text>
        </List.Item>
        <List.Item actions={[<Text type="secondary">园区管理员录入</Text>]}>
          <List.Item.Meta
            // avatar={<Avatar src={'dawdaww'} />}
            title="干式灭火器"
            description={`上次保养：2021-6-16`}
          />
          <Text type="success">已保养</Text>
        </List.Item>
      </List>
    </Card>
  )
}

export default Index
